<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>

	<body>
		<!---form:是向服务器提交表单的范围，反之，也即是form中的内容会全部提交到服务器
			action：该属性，指明了服务器端的那个类或方法进行响应；
			method：是客户端浏览器的form表单向服务器发送的方式；
			       get方式：数据附加在url后面；
			       post方式：数据打包在数据包中；
		----->
		<form id="myForm" action="#" method="post">
			<table align="center" width="600px" border="0px" cellpadding="0" cellspacing="0">
				<tr>
					<td>
						<label>用户名:</label>
					</td>
					<td>
						<input type="text" id="userName" name="userName" value="admin" />
					</td>
				</tr>
				<tr>
					<td>
						密码:
					</td>
					<td>
						<input type="password" id="userPsw" name="userPsw" />
					</td>
				</tr>
				<tr>
					<td>
						邮箱:
					</td>
					<td>
						<input type="email" id="userEmail" name="userEmail" />
					</td>
				</tr>
				<tr>
					<td>
						性别:
					</td>
					<td>
						<!--单选框如果具有互斥性：要求改组单选框的控件的name属性保持一致； -->
						<input type="radio" id="userSex1" checked="checked" name="userSex" />女
						<input type="radio" id="userSex2" name="userSex" />男
						<input type="radio" id="userSex3" name="userSex" />性别不限
					</td>
				</tr>
				<tr>
					<td>
						兴趣爱好:
					</td>
					<td>
						<!--要求：同一组的多选框的name属性要保持一致；-->
						<input type="checkbox" checked="checked" id="userHobby1" name="userHobby" />学习
						<input type="checkbox" id="userHobby2" name="userHobby" />王者荣耀
						<input type="checkbox" id="userHobby3" name="userHobby" />旅游
						<input type="checkbox" id="userHobby4" name="userHobby" />编程
					</td>
				</tr>
				<tr>
					<td>
						专业:
					</td>
					<td>
						<select id="userMajor" name="userMajor" style="width: 80px;">
							<option></option>
							<option value="cs" selected="selected">计算机</option>
							<option value="jx">机械</option>
							<option value="fc">金融</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>
						照片:
					</td>
					<td>
						<input type="file" id="userImg" name="userImg" />
					</td>
				</tr>
				<tr>
					<td>
						自我介绍:
					</td>
					<td>
						<textarea id="userInfo" name="userInfo" rows="10" cols="30"></textarea>
					</td>
				</tr>
				<tr>
					<td>
						图片:
					</td>
					<td>
						<img src="../img/bg2.jpg" alt="图片不能显示的时候，显示该属性的内容" style="width: 40px; height: 30px;" />
					</td>
				</tr>
				<tr>
					<td>
						<input type="submit" value="提交信息" />
					</td>
					<td>
						<input type="reset" value="重置" />
					</td>
				</tr>
			</table>
		</form>
	</body>

</html>